﻿@model dynamic
<div id="employeesGridGrid">
</div>
<div id="sampleDialog" title="Employee Profile">
</div>
<h2>Employee Information</h2>
<form id="employeeInformationForm">
    <ul id="employeeInformation">
              <li>
                  <label for="FirstName">First Name</label><input type="text" id="FirstName" name="FirstName" />
              </li>
              <li>
                  <label for="MiddleName">Middle Name</label><input type="text" id="MiddleNameName" name="MiddleName" />
              </li>
              <li>
                  <label for="LastName">Last Name</label><input type="text" id="LastName" name="LastName" />
              </li>
              <li>
                  <label for="Address">Address</label><input type="text" id="Address" name="Address" />
              </li>
              <li><label for="City">City</label><input type="text" id="City" name="City"/>
              </li>
              <li><label for="State">State</label><input type="text" id="State" name="State"/>
              </li>
              <li>
                  <label for="Zip">Zip Code</label><input type="text" id="Zip" name="Zip" />
              </li>
              <li>
                  <label for="EmailAddress">E-mail</label><input type="text" id="EmailAddress" name="EmailAddress" />
              </li>
              <li>
                  <label for="PhoneNumber">Phone Number</label><input type="text" id="PhoneNumber" name="PhoneNumber" />
              </li>
          </ul>
</form>

<br />
<button id="SaveInformation" class="button">Save Information</button>

<br />
<br />

<div id="availabilityGrid" class="slickgrid">
</div>




@section styles {

    <link href="@Url.Content("~/Content/css/employeeProfile.css")" rel="stylesheet" type="text/css" />
}
@section scripts {
    
    <script src="@Url.Content("~/js/employeeprofile.js")"></script>
}